<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
	<HEAD>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>UPLB DV</title>
		
		<script language="Javascript" src="../js/FusionCharts.js"></script>
		<script type="text/javascript" src="../fancybox/jquery.min.js"></script>
		<script type="text/javascript" src="../fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
		<script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		
		<link href="../css/table.css" rel="stylesheet" type="text/css" />
		
		<script type="text/javascript">

		$(document).ready(function() {
			$("a#example1").fancybox();

			$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});

			$("a#example3").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'	
			});

			$("a#example4").fancybox({
				'opacity'		: true,
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'none'
			});

			$("a#example5").fancybox();

			$("a#example6").fancybox({
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
			});

			$("a#example7").fancybox({
				'titlePosition'	: 'inside'
			});

			$("a#example8").fancybox({
				'titlePosition'	: 'over'
			});

			$("a[rel=example_group]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
				return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
			}
		});

			$("#various1").fancybox({
					'titlePosition'		: 'inside',
					'transitionIn'		: 'none',
					'transitionOut'		: 'none'
			});

			$("#various2").fancybox();

			$("a.various3").fancybox({
					'width'				: '90%',
					'height'			: '100%',
					'autoScale'			: false,
					'transitionIn'		: 'elastic',
					'transitionOut'		: 'elastic',
					'type'				: 'iframe'
			});

			$("#various4").fancybox({
					'padding'			: 0,
					'autoScale'			: false,
					'transitionIn'		: 'none',
					'transitionOut'		: 'none'
			});

		});

	</script>

		<link rel="stylesheet" href="../fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<html>
<body bgcolor="white">
<center>
	
	<table class="parameters" width="100%" height="100%" border="1">
		<tr>
			<td width="33%"><center>
				<a class='various3' href='v_passingRatePerCourse.php?subject=default'>
					<img src="../images/passingRate.jpg" width="400" height="300"/>
					<br/>subject passing rate through time
				</a></center>
			</td>
			<td width="33%"><center>
				<a class='various3' href='v_passingRatePerDegree.php?degree=default'>
					<img src="../images/passingRate.jpg" width="400" height="300"/>
					<br/>degree passing rate in a given AY
				</a></center>
			</td>
			<td width="33%"><center>
				<a class='various3' href='v_passingRateComparisonFrame.php?degree=default'>
					<img src="../images/passingRate.jpg" width="400" height="300"/>
					<br/>degree passing rate in a given AY
				</a></center>
			</td>
		</tr>
		<tr>
			<td width="33%">student units earned through time</td>
			<td width="33%">GE courses passing rate in a given sem</td>
			<td width="33%">students grouped into courses passing rate in a given sem</td>
	</table>
</center>
</body>
</html>